<template>
	<view class="all">
		<view class="carp" v-for="(item,index) in 8">
			<!-- <image v-if="quan" class="carp_1" src="@/static/img/dui.png" />
			<image v-if="!quan" class="carp_1" src="@/static/img/wxzh.png" /> -->
			<view class="w2">
				<view class="w2_11" :style="{
					 'background-image':$img('https://img2.baidu.com/it/u=1465378230,837557050&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=306') 
				}">
				</view>
				<view class="w2_1">
					<text class="w2_1t">沟通训练营：跨部门沟通 避免指南</text>
					<view class="w2_2">
						<text>580人已观看</text>
					</view>

				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		props:['quan'],
		data(){
			return{
				
			}
		}
	}
</script>

<style lang="scss" scoped>

	.w2 {
		padding-bottom: 30rpx;
		border-bottom: 1rpx solid #EFEFEF;
		width: 90%;
		display: flex;

		.w2_11 {
			width: 240rpx;
			height: 156rpx;
			border-radius: 8rpx;
			background-size: 100% 100%;
			background-repeat: no-repeat;
		}

		.w2_1 {
			position: relative;
			width: 60%;
			margin-left: 20rpx;

			.w2_2 {
				width: 100%;
				align-items: center;
				display: flex;
				position: absolute;
				bottom: 0;
				justify-content: space-between;

				text:nth-of-type(1) {
					font-size: 22rpx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #141414;
					opacity: 1;
				}

				text:nth-of-type(2) {
					font-size: 30rpx;
					font-family: HarmonyOS Sans;
					font-weight: bold;
					color: #E61E2A;
					opacity: 1;
				}


			}

			.w2_1t {
				display: block;
				font-size: 32rpx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				color: #333333;
				opacity: 1;
			}

			// text:nth-of-type(1) {
			// 	display: block;
			// 	font-size: 32rpx;
			// 	font-family: Source Han Sans CN;
			// 	font-weight: bold;
			// 	color: #333333;
			// 	opacity: 1;
			// }
		}

	}

	.carp {
		display: flex;
		justify-content: space-between;
		align-items: center;

		padding-top: 30rpx;

		.carp_2 {
			width: 50%;
			height: 156rpx;

			text:nth-of-type(2) {
				font-size: 22rpx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				line-height: 45px;
				color: #141414;
				opacity: 1;
			}

			text:nth-of-type(1) {
				display: block;
				font-size: 32rpx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				color: #333333;
				opacity: 1;
			}
		}

		.carp_1 {
			width: 40rpx;
			height: 40rpx;
		}

		.carp_02 {
			width: 240rpx;
			height: 156rpx;
			border-radius: 8rpx;
		}
	}
</style>
